<!DOCTYPE html>
<html>

	<head>
		<base href="../" />
		<meta charset="utf-8" />
		<title>快乐购 - 个人资料</title>

		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<!-- CSS -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/glyphicons-halflings.min.css">
		<link rel="stylesheet" type="text/css" href="css/default.min.css" />

		<!-- JS -->
		<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/myindex.js" type="text/javascript" ></script>
	</head>

	<body>
		<!-- 导航条开始 -->
		<div id="head-div" >

		</div>
		<script>
			$("#head-div").load("head.html");
		</script>
		<!-- //导航条结束 -->

		<!-- 页面主体部分 -->
		<section class="container mt-2">

			<!-- 个人资料部分 -->
			<div class="border-bottom h3">
				<span>个人资料</span>
				<a href="my/address.html" class="small">收货地址管理</a>
			</div>

			<form id="gr-form" class="mt-1" enctype=multipart/form-data method="post">
				<div class="row">
					<div class="col-md-3">
						<div class="form-group text-center">
							<label style="cursor: pointer;">
								<img id="photo" src="img/users/user_default.png" class="img-thumbnail img-fluid" />
							</label>
							<input name="photo"  id="img" type="file" hidden="hidden" accept="image/*" />
							<div class="small">* 单击头像可以更换新头像</div>
						</div>
					</div>

					<div class="col-md-6">
						<div class="form-group form-row">
							<label class="col-form-label pr-3 mr-2">用户名</label>
							<input type="text" class="col form-control login" name="login" value="" readonly="readonly" />
							<input type="hidden" class="col form-control id" name="id" />
							<input type="hidden" class="col form-control master" name="master" />
						</div>
						<div class="form-group form-row">
							<label class="col-form-label pr-4 mr-3">姓名</label>
							<input type="text" class="col form-control name" name="name" value="" />
						</div>
						<div class="form-group form-row">
							<label class="col-form-label pr-4 mr-3">密码</label>
							<input type="password" class="col form-control pwd1" name="pwd" placeholder="若要修改密码请输入新密码" />
						</div>
						<div class="form-group form-row">
							<label class="col-form-label pr-2">确认密码</label>
							<input type="password" class="col form-control pwd2" />
						</div>
						<div class="form-group form-row">
							<label class="col-form-label pr-4 mr-3 ">性别</label>
							<div class="col py-2">
								<div class="form-check-inline">
									<input id="sex1" type="radio" name="sex" value="男" checked="checked" class="form-check-input " />
									<label for="sex1" class="form-check-label ">帅哥</label>
								</div>
								<label class="form-check-inline">
									<input id="sex2" type="radio" name="sex" value="女" class="form-check-input" />
									<label for="sex2" class="form-check-label">美女</label>
								</label>
							</div>
						</div>
						<div class="form-group form-row">
							<label class="col-form-label pr-4 mr-3">生日</label>
							<input type="date" class="col form-control birthday" name="birthday" value="" />
						</div>
						<div class="form-group form-row">
							<label class="col-form-label pr-2">联系电话</label>
							<input type="tel" class="col form-control phone" name="phone" value="" />
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-9">
						<div class="form-group form-row justify-content-end">
							<button class="btn btn-outline-success" id="tj-btn">更新个人资料</button>
						</div>
					</div>
				</div>
			</form>
			<!-- //个人资料部分结束 -->

		</section>
		<!-- //页面主体部分结束 -->

		<!-- 页面脚部部分 -->
		<div id="footer-div">

		</div>
		<script>
			$("#footer-div").load("footer.html");
		</script>
		<!-- //页面脚部部分结束 -->
	</body>

</html>
